const app = getApp();
Page({
  data: {
    systemInfo:{},//数据
    current:0,
    app:app,
    data:{},//商品数据
    mytabs:[],//商品介绍 规格参数 租赁必读tab
    activeTab:0,//当前激活,
    showTop:0,//显示隐藏弹出框,
    btns:[
      {tit:"租赁流程",icon:"iconliucheng"},
      {tit:"租期计算",icon:"iconshijian"},
      {tit:"租后方案",icon:"iconfangan"},
    ],
    actBtnKey:"iconliucheng"
  },
  onLoad(query) {
    this.setData({
      query:query,//{id:商品id}
    });
    this.init();
  },
  // 改变滑块
  swiperOnChange(e){
    this.setData({
      current:e.detail.current
    });
  },
  _getSystemInfo() {
    my.getSystemInfo({
      success: (res) => {
        this.setData({
          systemInfo: res
        });
      }
    })
  },
  onPullDownRefresh() {
    console.log('onPullDownRefresh', new Date());
    this.init();
  },
  stopPullDownRefresh() {
    my.stopPullDownRefresh({
      complete(res) {
       
      }
    })
  },
  // 初始化
  init(){
    this._getSystemInfo();
    this.setData({
      mytabs:[
        {title:"商品介绍"},
        {title:"规格参数"},
        {title:"租赁必读"}
      ]
    });
    app.myRequest({
      params:{
        act:"zfb-shops-product-detail",
        id:this.data.query.id
      },
      success:json=>{
        if(json.status!="ok"){return;}
        console.log(json);
        const data = json.data;
        data.image=data.image.map(item=>Object.assign({},item,{image:app.getImageUrl(item.image)}));
        data.product=Object.assign(
          {},
          data.product,
          {
            price:app.fenToYuan(data.product.price),
            deposit:app.fenToYuan(data.product.deposit),
            image:app.getImageUrl(data.product.image)
          }
        );
        data.detail=data.detail.map(item=>Object.assign({},item,{image:app.getImageUrl(item.image)}));
        console.log(data);
        this.setData({data:data});
        console.log("this.data.floorNumber",this.data)
      }
    });
  },

  // tab点击事件
  handleTabClick({ index, tabsName }){
    this.setData({
      activeTab: index,
    });
    console.log("this.data",this.data);
  },
  // 计算高度
  onPageScroll({ scrollTop }) {
    // onPageScroll 主要是用于电梯组件（elevator 模式）滚动时的高度计算；
    // activeTab 被触发高亮的 tab；
    // getFloorNumber 当前 tab-content 所在的索引值；
    // this.data.floorNumber 将会有组件内部根据 tab-content 的高度计算；
    // ※※※ 当使用 elevator 模式的 tabs 组件时，这部分的代码请直接 copy 使用 ※※※
    console.log("scrollTop",scrollTop)
    if (scrollTop === 0) {
      this.setData({
        activeTab: 0,
        getFloorNumber: 0,
      });
    } else {
      // 电梯组件时需要添加，计算页面滚动时，tab 的切换；
      // for (let i = 0; i <= this.data.floorNumber.length; i++) {
      //   if (scrollTop >= this.data.floorNumber[i]) {
      //     this.setData({
      //       activeTab: i,
      //       getFloorNumber: i,
      //     });
      //   }
      // }
    }
  },
  // 跳转
  navigateTo(e){
    // my.navigateTo(e.currentTarget.dataset);
    app.navigateTo(e);
  },
  // 弹出
  onTopBtnTap(){
    this.setData({
      showTop: true,
    });
  },
  // 关闭
  onPopupClose(){
    this.setData({
      showTop: false,
    });
  },
  // 租赁点击
  zlBtnClick(e){
    this.setData({
      actBtnKey:e.currentTarget.dataset.key
    })
  }
});

